<script setup>
// import LfTabs from '@/components/commonUI/LfTabs.vue'
import TopicExploreList from './TopicExploreList.vue'
// import LfButton from '@/components/commonUI/LfButton.vue'
// import HotPage from '@/views/HotPage/HotPage.vue'

import { useRoute,useRouter } from 'vue-router'

const route = useRoute()
const router = useRouter()

const cateName = route.query.cateName
const id = route.params.id

console.log(route.query);

console.log(id);
console.log(cateName);




const activeIndex = ref(0)

</script>

<template>
  <div class="py-8 flex justify-center w-full">
    <div class="w-[80%] max-w-[1600px]">
      <div class="flex justify-between items-center h-[100px]">
        <div class="text-[40px] font-semibold">{{cateName}}主题</div>
        <!-- <div class="text-[40px] font-semibold">寻找你的{{cateName}}主题</div> -->
        <!-- <LfButton @click="router.push('/createTopic')" type="primary">创建主题</LfButton> -->
      </div>
      <div class="flex gap-2 flex-col">
        <!-- <LfTabs :activeIndex="activeIndex" :tabOptions="topicClassList" :onTopicClick="changeSubmitType" /> -->
        <!-- <div class="flex justify-end">
          <el-button type="primary" @click="topicClassItem">更多</el-button>
        </div> -->
        <TopicExploreList :classId="id" />
      </div>
      <!-- <HotPage /> -->
    </div>
  </div>
</template>

<style scoped lang="scss"></style>
